/*reset*/
html,body,p,h1,h2,h3,h4,h5,h6,form,input,textarea,select,button,fieldset,legend,img,ul,ol,li,dl,dt,dd,th,td,pre,blockquote{margin:0;padding:0}
html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{min-height:100%;height:auto!important;height:100%}


img,fieldset{border:0;vertical-align:middle}
a{text-decoration:none}
a:visited{}a:hover{text-decoration:none}
a:active{}ul,li,ol{list-style:none}
strong,b{font-weight:normal}
em,i{font-style:normal}
iframe{display:block}
fieldset{border:1px solid #c0c0c0;margin:0 2px 18px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
s{text-decoration:none;}
/*public*/
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
/*main*/
.case1{width:1200px;}

.case1 .title{height:20px;padding-bottom:10px;}
.case1 .title h2{ font-size: 20px;font-family: "microsoft yahei";}
.case1 .title-list{ position: relative; top: 6px; right:230px;}
.case1 .title-list li{ width: 200px; height:40px; line-height:40px; text-align: center; float: left; display: inline; background:#666666;}

.case1 .title-list li a{ color:#FFFFFF;}

.case1 .title-list li a:hover { color:#FFFFFF; text-decoration:none}

 

.case1 .title-list li.on{ color: #ffffff; font-weight: bold; background:#f75a53;}

.case1 .title-list p{position:absolute;top:37px;left:0px;width:200px;height:7px;border-top: 3px solid #f75a53; overflow: hidden; text-align: center;}
.case1 .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #f75a53 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ min-height: 268px; height:auto; position: relative; overflow: hidden; display: none; margin-top:26px;}
.product ul{ position: absolute; left: 0px;}
.product-wrap .show{ display: block;}
.product-wrap .product li{ float: left; display: inline; margin-left: 13px;background: #f3f3f3;border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.product-wrap .product li.ml0{margin-left:0px;}
.product-wrap .product li a.imgwrap{ display: block; width: 226px; height: 200px; background: #fff; text-align:center;}
.product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #f75a53; text-decoration: none;}